﻿@charset "utf-8";
#container {
	width:100%;
	clear:both;
	position:relative;
	margin:10px 0 0 0;
}
#container .main{
	overflow:hidden;
	margin-right:190px;
	margin-left:220px;
	border-left:5px #e50917 solid;
	border-bottom:2px #e50917 solid;
}
#container .note {
	margin-left:220px;
	padding:0 20px;
	clear:both;
	height:28px;
	line-height:28px;
	color:#f5f5f5;
	background:#e50917;
}
#container .note a {
	color:#f6f6f6;
}
#container .main .title {
	height:22px;
	line-height:22px;
	padding:0 0 0 20px;
	border-bottom:3px #c31401 solid;
}
#container .main .con {
	padding:5px 10px;
}
.hotmovie {
	width:100%;
	padding:10px 0 0 5px;
	background:#fefefe;
}
.hotmovie .con li {
	float:left;
	width:24.5%;
	text-align:center;
	margin:0 0 8px 0;
	overflow:hidden;
}
.hotmovie .con li img {
	display:block;
	width:110px;
	padding:1px;
	border:1px #ccc solid;
}
.hotcinema {
	margin:10px 0 0 10px;
}
.hotcinema th,
.hotcinema td {
	text-align:center;
	padding:2px;
	border:1px #eeeeee solid;
}
.hotcinema td .imp1 {
	color:#ff0000;
}
.hotcinema td .imp2 {
	color:#ff6600;
}
.hotcinema .cinema {
	text-align:left;
}
.hotact {
	margin:10px 0 0 10px;
}
.hotact .top {
	float:left;
	margin:0 25px 0 0;
}
.side {
	position:absolute;
	left:0;
	top:15px;
	width:220px;
	padding-bottom:5px;
	background:#f5f5f5;
	zoom:1;
}
.side  .title {
	height:22px;
	line-height:22px;
	padding:0 0 0 20px;
	margin:5px 0 0 5px;
	background:#dddddd;
	color:#777777;
}
.side  .con {
	padding:5px 10px;
	margin:5px 0;
}
.login div {
	clear:both;
	padding:5px 0;
}
.login label {
	width:4em;
	float:left;
}
.login div .ipt_text {
	width:140px;
	border:1px #999 solid;
	color:#999999;
}
.login  .getpwd {
	padding:5px 0;
	text-align:right;
}
.upcoming li {
	line-height:20px;
	clear:both;
	padding-left:10px;
	background:url(../img/arrow.png) no-repeat 0 8px;
}
.upcoming li .date {
	float:right;
	font-size:11px;
	color:#888;
}
.topmovie .tabcard {
	padding:0 10px;
	height:20px;
	line-height:20px;
	border-bottom:1px #ddd solid;
	word-break:keep-all;
}
.topmovie .tabcard li {
	float:left;
	padding:0 8px;
	margin:0 3px 0 0;
	cursor:pointer;
	background:#eeeeee;
}
.topmovie .tabcard li.on {
	background:#ddd;
	margin-bottom:-1px;
}
.topmovie p {
	clear:both;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
}
.topmovie ol{
	margin-left:10px;
	background:url(../img/num_bg.png) no-repeat left 5px;
}
.topmovie ol li{
	padding-left:15px;
	line-height:22px;
}
.side .hotcommon ul li {
	padding-left:10px;
	background:url(../img/arrow.png) no-repeat 0 8px;
}
.coprate  {
	margin:10px 0 0 10px;
}
.coprate .con {
	text-align:center;
}
.coprate .con li {
	float:left;
	margin:5px 5px 0 0;
}
.aside {
	position:absolute;
	top:35px;
	right:0;
	width:180px;
}
.aside .ad,
.aside .step {
	margin-bottom:5px;
}
.aside .title {
	border-bottom:1px #ccc dashed;
	padding:7px;
}
.aside .con ul {
	padding:5px;
}
.aside .con ul li {
	padding-left:10px;
	background:url(../img/arrow.png) no-repeat 0 8px;
}
.aside .title strong {
	display:block;
	height:12px;
	line-height:12px;
	border-left:3px #999 solid;
	padding-left:5px;
}